@import "scroll.scss";
@import "color.scss";
.shuttle-tanker{
  .check-all{
    cursor: pointer;
  }
  .fa{
    &.fa-square{
      color: #ccc;
    }
    &.fa-check-square{
      color: $mc
    }
  }
  .shuttle-box-top{
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: .75rem 1.25rem;
  }
  .shuttle-box{
    height:30rem; 
    overflow-y: auto;
    overflow-x: hidden;
    .list-group-item{
      cursor: pointer;
      &:hover{
        background: #eee;
        .shuttle-btn{
          visibility: visible;
          transform: translateX(0);
        }
      }
      .shuttle-btn{
        visibility: hidden;
        transform: translateX(100px);
        transition: all 0.2s;
      }
    }
  }
}